﻿<div id="myTab">
    <!-- 导航 -->
    <ul>
        <li class="active">
            <a href="#baseProp" data-toggle="tab">属性</a>
        </li>
        <li>
            <a href="#tabProp" data-toggle="tab">页签</a>
        </li>
        <li>
            <a href="#eventProp" data-toggle="tab">事件</a>
        </li>
    </ul>
    <!-- 内容 -->
    <form class="form-inline" role="form">
        <div id="baseProp">
            <div class="form-group">
                <label for="txtEName">英文名称：</label><input type="text" class="form-control" readonly="readonly" id="txtEName" />
            </div>
            <div class="form-group">
                <label for="txtCName">活 动 页：</label>
                <select class="form-control" id="selActivePage" style="margin-left:-5px;"></select>
            </div>
        </div>
        <div id="tabProp">
            <table style="height:200px;">
                <tr>
                    <td id="tabList" valign="top">
                        <form class="form-inline" role="form">
                            <div class="form-group">
                                <select style="width:150px;" class="form-control" id="selActivePage1"></select>
                            </div>
                        </form>
                    </td>
                    <td style="width:20px;"></td>
                    <td valign="top">
                        <form class="form-inline" role="form">
                            <div class="form-group">
                                <input type="text" class="form-control" id="txtCName" />
                                <div class="btn-group btn-group-sm">
                                    <button id="btnUpdateTab" class="btn btn-primary">修改</button>
                                    <button id="btnAddTab" class="btn btn-success">新增</button>
                                    <button id="btnDelTab" class="btn btn-danger">删除</button>
                                </div>
                            </div>
                        </form>
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <div style="width:100%; height:220px; overflow:auto;">
                            <table id="tbTabFieldList" class="table table-bordered" style="table-layout:fixed">
                                <tr>
                                    <th style='width:6%;'><input type="checkbox" /></th>
                                    <th style='width:31%;'>名称</th>
                                    <th style='width:21%;'>编码</th>
                                    <th style='width:21%;'>类型</th>
                                    <th style='width:21%;'>操作</th>
                                </tr>
                            </table>
                        </div>
                        
                    </td>
                </tr>
            </table>
        </div>
        <div id="eventProp">
            <div class="form-group">
                <label for="txtClickEvent">单击：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtClickEvent" />
                <button type="button" class="btn btn-primary" onclick="btnClickEventConfig();">配置</button>
            </div>
            <div class="form-group">
                <label for="txtDBLClickEvent">双击：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtDBLClickEvent" />
                <button type="button" class="btn btn-primary" id="btnDBLClickEvent">配置</button>
            </div>
            <div class="form-group">
                <label for="txtEnterEvent">进入：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtEnterEvent" />
                <button type="button" class="btn btn-primary" id="btnEnterEvent">配置</button>
            </div>
            <div class="form-group">
                <label for="txtBlurEvent">离开：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtBlurEvent" />
                <button type="button" class="btn btn-primary" id="btnBlurEvent">配置</button>
            </div>
            <div class="form-group">
                <label for="txtKeyUpEvent">按键：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtKeyUpEvent" />
                <button type="button" class="btn btn-primary" id="btnKeyUpEvent">配置</button>
            </div>
        </div>
    </form>
</div>
